.app-container{
    padding: 0;
    .content{
      display: flex;
      .right{
        flex: 1;
        position: fixed;
        top: 62px;
        right: 0;
        left: 260px;
        overflow-x: hidden;
        padding: 0 10px;
      }
      .left{
        position: relative;
        width: 260px;
        height: 100vh;
        background-color: #fff;
        position: fixed;
        top: 62px;
        padding-bottom: 80px;
        overflow-y: auto;
        overflow-x: hidden;
        border-right: 1px solid #f2f6fc;
        .search-box{
          display: flex;
          align-items: center;
          .el-icon-back {
            padding-right: 10px;
            &:hover{
              cursor: pointer;
            }
          }
        }
        .menu-list{
            margin-top: 62px;
        }
        &::-webkit-scrollbar {
            width: 0px!important;
        }
        &::-webkit-scrollbar-track {
            background-color:#f0f5fa;
            -webkit-border-radius: 2em;
            -moz-border-radius: 2em;
            border-radius: 2em;
        }
        &::-webkit-scrollbar-thumb {
            background-color:#909399;
            -webkit-border-radius: 2em;
            -moz-border-radius: 2em;
            border-radius:2em;
        }
        .add-folder-content{
          padding: 10px 20px 10px 20px;
        }
        .add-document{
            padding: 10px 20px;
        }
        .folder-box{
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 62px;
        }
        >>> {
          .el-menu{
            border-right: 0;
            overflow-x: hidden;
            -moz-user-select:none;
            -webkit-user-select:none;
            -ms-user-select:none;
            -khtml-user-select:none;
              user-select:none;
            .el-menu-item, .el-submenu__title{
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                padding: 0 35px;
            }
          }
          .el-input__inner{
            border: none;
            height: 26px;
            line-height: 26px;
            font-size: 12px;
             background-color: #f5f5f5;
          }
          .no-data .el-submenu__icon-arrow{
            display: none;
          }
          .el-button--text{
            color: #666;
          }
          .el-button.is-circle{
              padding: 6px;
          }
          .el-menu-item{
            border-right: 3px solid #fff;
            &:hover{
                border-right: 3px solid #26B99A;
                background-color: #f0fffc
            }
            &.is-active{
                border-right: 3px solid #26B99A;
                background-color: #f0fffc;
                color: #26B99A!important;
            }
          }
        }
        .add-folder{
           position: fixed;
           top: 62px;
           height: 60px;
           line-height: 60px;
           width: 259px;
           left: 0;
           z-index: 99;
           padding: 0 20px;
           background-color: #fff;
           border-bottom: 1px solid #f2f6fc;
          >>> .el-icon-folder-add{
            font-size: 18px;
          }
        }
      }
    }
  }
  >>> {
    .v-contextmenu-item{
      padding: 10px 14px;
      border-bottom: 1px solid #eee;
      &:last-child{
        border: 0;
      }
      &:hover{
          background-color: #26B99A;
      }
    }
    .el-dialog__title{
      font-size: 14px;
    }
    .el-dialog__body{
      padding: 10px 20px;
      .el-input__inner{
        border: none;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        background-color: #f5f5f5;
      }
    }
    .v-note-wrapper .v-note-op .v-left-item .op-icon, .v-note-wrapper .v-note-op .v-right-item .op-icon{
        height: 24px;
        width: 24px;
    }
  }